.container {
  background-color: white;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.order_menu {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  position:absolute;
  z-index:500;
  top:0;
  width:100%;
  border-bottom:1rpx solid #ccc;
  background-color: #fff;
  height: 96rpx;
}

.order_menu_item {
  position:relative;
  display:block;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  padding:26rpx 0;
  text-align:center;
  font-size:30;
}

.order_menu .active {
  color:#dd3a40
}

.order_menu__slider{
  position:absolute;
  content:" ";
  left:0;
  bottom:0;
  width:144rpx;
  height:6rpx;
  background-color:#dd3a40;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,
  -webkit-transform .3s
}

.categroy-right{
    width: 100%;
    overflow: hidden;
    padding-top: 100rpx;
    flex: 1;
}
.cate-box{
    height: 100%;
    box-sizing: border-box;
}

.cate-box .order-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.order-item .order-product{
  flex: 1;
  display: flex;
  flex-direction: column;
  border-bottom: 1rpx solid #ededed;
  padding: 10rpx;
}

.order-product .product-item {
  height: 170rpx;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.line {
  border-bottom: 1rpx solid #ededed;
}

.bg-line {
  background-color: #ededed;
  height:1rpx;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.product-thumb{
    padding: 10rpx;
    width: 150rpx;
    height: 150rpx;
}

.product-thumb image{
  width: 100%;
  height: 100%;
}

.product-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

}

.orders-pro-name {
  display: inline-block;
  height: 120rpx;
  line-height:50rpx;
  padding-right: 10rpx;
}

.orders-pro-price {
  width: 100rpx;
  height: 50rpx;
  line-height: 50rpx;
  float: left;
  display: inline-block;
  color: #dd3a40;
}

.orders-count-num {
  display: inline-block;
  float: right;
  width: 100rpx;
  height: 50rpx;
  line-height: 50rpx;
  text-align: right;
  padding-right: 10rpx;
}

.order-total-price {
  text-align: right;
  font-size: 24rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding-right: 20rpx;
}

.order-total-price .price{
    color: #dd3a40;
    font-size: 28rpx;
}

.order-item-status {
    text-align: center;
    font-size: 26rpx;
    height: 90rpx;
    line-height: 90rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: flex-end;
    justify-content: flex-end;
    margin-right: 20rpx;
}

.order-item-status .order-item-btn{
  width: 160rpx;
  border-radius: 10rpx;
  line-height: 56rpx;
  height: 56rpx;
  margin-left: 20rpx;
}

.order-item-status .del, .reback,.cancel{
  background-color:#fff;
  color: #000;
  border: 1rpx solid #dedede;
}

.order-item-status .confirm,.check,.pay{
  background-color:#fff;
  color: #dd3a40;
  border: 1rpx solid #dd3a40;
}

.loading-view{
    text-align: center;
    margin-bottom: 40rpx;
}
.loading-view .loading-img{
    width: 100%;
    height: 32px;
}
.loading-view .no-data{
    color: #666;
    font-size: 28rpx;
}
